﻿@{
    ViewData["Title"] = "添加物料入库单";
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>添加物料入库单</title>
    <link href="//unpkg.com/layui@2.9.17/dist/css/layui.css" rel="stylesheet">
</head>
<body>
    <form class="layui-form layui-form-pane" action="">
  
  <div class="layui-form-item">
    <div class="layui-inline">
      <label class="layui-form-label"><span style="color:red">*</span>入库单编号</label>
      <div class="layui-input-inline" style="width: 180px;">
        <input type="text" name="recptCode" autocomplete="off" placeholder="请输入入库单编号" lay-verify="required|recptCode" class="layui-input" id="recptCode">
      </div>
    </div>
    <div class="layui-inline">
      <label class="layui-form-label" style="width:90px;">自动生成</label>
      <div class="layui-input-inline" style="width: 80px;">
        <input type="checkbox" name="switch" lay-skin="switch" lay-text="OFF|ON" lay-filter="switchFilter">
      </div>
    </div>
  </div>
  
  <div class="layui-form-item">
    <div class="layui-inline">
                <label class="layui-form-label"><span style="color:red">*</span>入库单名称</label>
      <div class="layui-input-inline" style="width: 180px;">
        <input type="text" name="recptName" autocomplete="off" placeholder="请输入入库单名称" lay-verify="required|recptName" class="layui-input" id="recptName">
      </div>
    </div>
    <div class="layui-inline">
      <label class="layui-form-label"><span style="color:red">*</span>入库日期</label>
      <div class="layui-input-inline" style="width: 180px;">
                    <input type="text" name="recptDate" id="recptDate" lay-verify="required|recptDate" placeholder="请选择入库日期" autocomplete="off" class="layui-input">
      </div>
    </div>
  </div>
  
  <div class="layui-form-item">
    <div class="layui-inline">
      <label class="layui-form-label">单据状态</label>
      <div class="layui-input-inline" style="width: 180px;">
        <select name="status" lay-filter="aihao" disabled>
          <option value=""></option>
          <option selected id="PREPARE" value="PREPARE">草稿</option>
          <option  id="Completed" value="Completed">已完成</option>
        </select>
      </div>
    </div>
    <div class="layui-inline">
      <label class="layui-form-label"><span style="color:red">*</span>供应商</label>
      <div class="layui-input-inline" style="width: 180px;">
        <input type="text" name="vendorName" autocomplete="off" placeholder="请选择供应商" lay-verify="required|vendorName" class="layui-input" id="vendorName">
      </div>
                <div class="layui-inline">
                    <div class="layui-input-inline" style="width: 80px;">
                        <button type="button" class="layui-btn layui-btn-normal layui-icon layui-icon-search" id="openWindow">搜索</button>
                    </div>
                </div>
    </div>
  </div>
  
  <div class="layui-form-item">
    <div class="layui-inline">
      <label class="layui-form-label">入库仓库</label>
      <div class="layui-input-inline" style="width: 180px;">
        <input type="text" name="warehouseName" autocomplete="off" placeholder="请选择入库仓库" lay-verify="warehouseName" class="layui-input" id="warehouseName">
      </div>
    </div>
   
  </div>
  
  <div class="layui-form-item layui-form-text">
    <label class="layui-form-label">备注</label>
    <div class="layui-input-block">
      <textarea placeholder="请输入内容" class="layui-textarea" name="remark" id="remark"></textarea>
    </div>
  </div>
  <div class="layui-form-item">
    <button class="layui-btn" lay-submit lay-filter="demo3">保存</button>
    <button type="reset" class="layui-btn layui-btn-primary">取消</button>
  </div>
</form>
    <script src="~/Scripts/jquery-3.4.1.min.js"></script>
    <script src="//unpkg.com/layui@2.9.17/dist/layui.js"></script>
    <script>
        //JavaScript代码
        layui.use(['form'], function () {
            var form = layui.form;
            var layer = layui.layer;
             var laydate = layui.laydate;
      form.on('switch(switchFilter)', function(data) {
        if(data.elem.checked) {
          var prefix ='R';
          var num = new Date().getTime(); // 使用当前时间戳生成数字部分
          document.getElementById('recptCode').value = prefix + num;
        } else {
          document.getElementById('recptCode').value = '';
        }
      });

      // 日期
            laydate.render({
                elem: '#recptDate'
            });
       // 供应商选择
    document.getElementById('openWindow').onclick = function(){    
        // 弹出新窗口
        layer.open({
            type: 2, // 弹出层类型，2表示iframe层
            title: '供应商选择',
                    shadeClose: true, // 点击遮罩区域，关闭弹层
                    scrollbar: false, // 暂时屏蔽浏览器滚动条
                    skin: 'layui-layer-rim', //加上边框
                    area: ['90%', '90%'], //宽高
                    content: '/Song/SupplierManagements', // 弹出层内容，供应商选择页面地址
                    end: function () {
                        var vendorNames = sessionStorage.getItem('vendorNameFromPopup');
                        document.getElementById('vendorName').value = vendorNames;
                    }
                });
    };

            // 表单验证
            form.verify({
                // 入库单编号
                recptCode: function (value) {
                    if (value.length > 20) {
                        return '入库单编号不能超过20个字符';
                    }
                    // 入库单编号不能包含特殊字符
                    var reg = /[`~!#$%^&*()_+<>?:"{},.\/;'[\]]/im;
                    if (reg.test(value)) {
                        return '入库单编号不能包含特殊字符';
                    }
                },
                // 入库单名称
                recptName: function (value) {
                    if (value.length > 20) {
                        return '入库单名称不能超过20个字符';
                    }
                    // 入库单名称不能包含特殊字符
                    var reg = /[`~!#$%^&*()_+<>?:"{},.\/;'[\]]/im;
                    if (reg.test(value)) {
                        return '入库单名称不能包含特殊字符';
                    }
                },
                // 入库日期 验证日期格式
                recptDate: function (value) {
                    if (!/^\d{4}-\d{2}-\d{2}$/.test(value)) {
                        return '日期格式不正确，应为yyyy-mm-dd';
                    }
                },
                // 供应商
                vendorName: function (value) {
                    if (value.length > 20) {
                        return '供应商名称不能超过20个字符';
                    }
                    // 供应商名称不能包含特殊字符
                    var reg = /[`~!#$%^&*()_+<>?:"{},.\/;'[\]]/im;
                    if (reg.test(value)) {
                        return '供应商名称不能包含特殊字符';
                    }
                },
                // 入库仓库
                warehouseName: function (value) {
                    if (value.length > 20) {
                        return '入库仓库名称不能超过20个字符';
                    }
                    // 入库仓库名称不能包含特殊字符
                    var reg = /[`~!#$%^&*()_+<>?:"{},.\/;'[\]]/im;
                    if (reg.test(value)) {
                        return '入库仓库名称不能包含特殊字符';
                    }
                }
            });

            // 添加事件
            form.on('submit(demo3)', function (data) {
                var field = data.field; // 获取表单字段值
                console.log(field);
                var addDTO={
                    recptCode:field.recptCode,
                    recptName:field.recptName,

                    vendorId: sessionStorage.getItem("vendorIdFromPopup"),
                    vendorCode:  sessionStorage.getItem("vendorCodeFromPopup"),
                    vendorName: sessionStorage.getItem("vendorNameFromPopup"),
                    vendorNick:  sessionStorage.getItem("vendorNickFromPopup"),
                    warehouseName: field.warehouseName,
                    recptDate:field.recptDate,
                    status:field.status,
                    remark:field.remark,
                }
                     // 此处可执行 Ajax 等操作
                $.post("/Song/AddWmItemRecpts", addDTO, res => {
                    if (res) {
                        layer.msg('保存成功', {
                            icon: 1,
                            time: 2000
                        }, function () {
                            var index = parent.layer.getFrameIndex(window.name);//先得到当前iframe层的索引
                            parent.layer.close(index);//再执行关闭
                        });
                        // sessionStorage.removeItem('vendorNameFromPopup');
                        // sessionStorage.removeItem('vendorIdFromPopup');
                        // sessionStorage.removeItem('vendorCodeFromPopup');
                        // sessionStorage.removeItem('vendorNickFromPopup');
                    }
                    else {
                        layer.msg('名称已存在', {
                            icon: 2,
                            time: 2000
                        });
                    }
                });
                return false; // 阻止默认 form 跳转
            });
        });
    </script>
</body>
</html>
